/* @flow */

import React, { Component } from 'react';
import {
  View,
  Text,
  StyleSheet,
} from 'react-native';

import GuaView from './GuaView'

export default class ZhouGuaView extends Component {

  constructor(props){
  	super(props);
  	this.state = {};
  }

  render() {
    var props = this.props

    return (
      <View style={[styles.container, props.style]}>

        <GuaView
          tagValue={1}
          style={styles.topGuaStyle}
          ></GuaView>

        <GuaView
          tagValue={4}
          style={styles.bottomGuaStyle}
          ></GuaView>

      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: { flexDirection: 'column', justifyContent: 'space-between' },
  topGuaStyle: {flex: 0.45},
  bottomGuaStyle: {flex: 0.45}
});
